<template>
  <div>
    <table class="table1 owntable mb20 tableLayout" border="0" cellspacing="0" cellpadding="1" style="width: 100%;">
      <tr>
        <td width="150">成品出库管理编号</td>
        <td>{{ item.number }}</td>
        <td width="150">出库日期</td>
        <td>{{ item.chukuDate }}</td>
      </tr>
      <tr>
        <td>管理部门</td>
        <td>{{ item.manageDeptName }}</td>
        <td>负责人</td>
        <td>{{ item.manageUserName }}</td>
      </tr>
      <tr>
        <td>编制部门</td>
        <td colspan="3">{{ item.createDeptName }}</td>
      </tr>
    </table>

    <div class="mb20">出库的成品如下：</div>
    <table class="table1 owntable mb20 tableLayout" border="0" cellspacing="0" cellpadding="1" style="width: 100%;" v-for="(v, i) in item.productList" :key="i">
      <tr>
        <td width="150">生产批号</td>
        <td>{{ v.batchNumber }}</td>
        <td width="150">产品名称</td>
        <td>{{ v.productName }}</td>
      </tr>
      <tr>
        <td>规格型号</td>
        <td>{{ v.productSku }}</td>
        <td>产品代码</td>
        <td>{{ v.productCode }}</td>
      </tr>
      <tr>
        <td>出库数量</td>
        <td>{{ v.productQty }}</td>
        <td>单位</td>
        <td>{{ v.unit }}</td>
      </tr>
    </table>
  </div>
</template>

<script>
export default {
  props: {
    item: {}
  }
};
</script>

<style></style>
